﻿
<!DOCTYPE html>
<html lang="en">
<head>
    
    <!-- Basic page needs
	============================================ -->
	<title></title>
	<meta charset="utf-8">
    <meta name="keywords" content="" />
    <meta name="author" content="Magentech">
    <meta name="robots" content="index, follow" />
   
	<!-- Mobile specific metas
	============================================ -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	
	<!-- Favicon
	============================================ -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="ico/favicon.png">
	
	<!-- Google web fonts
	============================================ -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
	
    <!-- Libs CSS
	============================================ -->
    <link rel="stylesheet" href="/Public/mobilemall/css/bootstrap/css/bootstrap.min.css">
	<link href="/Public/mobilemall/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<link href="/Public/mobilemall/js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="/Public/mobilemall/js/owl-carousel/owl.carousel.css" rel="stylesheet">
	<link href="/Public/mobilemall/css/themecss/lib.css" rel="stylesheet">
	<link href="/Public/mobilemall/js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
	
	<!-- Theme CSS
	============================================ -->
   	<link href="/Public/mobilemall/css/themecss/so_megamenu.css" rel="stylesheet">
    <link href="/Public/mobilemall/css/themecss/so-categories.css" rel="stylesheet">
	<link href="/Public/mobilemall/css/themecss/so-listing-tabs.css" rel="stylesheet">
	
	<link id="color_scheme" href="/Public/mobilemall/css/theme.css" rel="stylesheet">
		
	<link href="/Public/mobilemall/css/responsive.css" rel="stylesheet">
	
   
	
	

</head>

<body class="res layout-subpage">

     


    <div id="wrapper" class="wrapper-full ">
	<!-- Header Container  -->
	<include file="./Application/Home/View/Share/header.html"/>
	<!-- //Header Container  -->
	<!-- Main Container  -->
	<div class="main-container container">
		<ul class="breadcrumb">
			<li><a href="#"><i class="fa fa-home"></i></a></li>
			<li><a href="#">用户</a></li>
			<li><a href="#">注册</a></li>
		</ul>
		
		<div class="row">
			<div id="content" class="col-sm-12">
				<h2 class="title">注册</h2>
				<p>如果你已经有一个我们网站的账号，请<a href="/Home/User/login.html">登录</a>.</p>
				<form action="/Home/User/regUser" method="post" enctype="multipart/form-data" class="form-horizontal account-register clearfix">
					<fieldset id="account">
						<legend>你的个人信息</legend>
						<div class="form-group required" style="display: none;">
							<label class="col-sm-2 control-label">Customer Group</label>
							<div class="col-sm-10">
								<div class="radio">
									<label>
										<input type="radio" name="customer_group_id" value="1" checked="checked"> Default
									</label>
								</div>
							</div>
						</div>
						
						<div class="form-group required">
							<label class="col-sm-2 control-label" for="input-lastname">用户名，长度为4-10个字符</label>
							<div class="col-sm-10">
								<input type="text" name="username" value="" placeholder="用户名" id="input-username" class="form-control">
							</div>
						</div>
						<div class="form-group required">
							<label class="col-sm-2 control-label" for="input-email">邮箱地址，例如test@qq.com</label>
							<div class="col-sm-10">
								<input type="email" name="email" value="" placeholder="邮箱地址" id="input-email" class="form-control">
							</div>
						</div>
						<div class="form-group required">
							<label class="col-sm-2 control-label" for="input-telephone">电话号码</label>
							<div class="col-sm-10">
								<input type="tel" name="telephone" value="" placeholder="电话号码" id="input-telephone" class="form-control">
							</div>
						</div>
						
					</fieldset>
					<fieldset>
						<legend>你的账号密码</legend>
						<div class="form-group required">
							<label class="col-sm-2 control-label" for="input-password">密码，长度为8-16个字符</label>
							<div class="col-sm-10">
								<input type="password" name="password" value="" placeholder="密码" id="input-password" class="form-control">
							</div>
						</div>
						<div class="form-group required">
							<label class="col-sm-2 control-label" for="input-confirm">确认密码，再输入一遍密码</label>
							<div class="col-sm-10">
								<input type="password" name="confirmpassword" value="" placeholder="确认密码" id="input-confirm" class="form-control">
							</div>
						</div>
					</fieldset>
					<div class="buttons">
						<div class="pull-right">我已经阅读并同意 <a href="#" class="agree"><b>会员协议</b></a>
							<input class="box-checkbox" type="checkbox" name="agree" value="1" id="agree"> &nbsp;
							<input type="submit" value="注册" class="btn btn-primary" disabled="true" id="signup">
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- //Main Container -->
	

	<!-- Footer Container -->
	<include file="./Application/Home/View/Share/footer.html"/>
	<!-- //end Footer Container -->

    </div>
	
	
	<!-- Preloading Screen -->
	<div id="loader-wrapper">
		<div id="loader"></div>
		<div class="loader-section section-left"></div>
		<div class="loader-section section-right"></div>
	 </div>
	<!-- End Preloading Screen -->
	
<!-- Include Libs & Plugins
	============================================ -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="/Public/mobilemall/js/jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="/Public/mobilemall/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/owl-carousel/owl.carousel.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/themejs/libs.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/unveil/jquery.unveil.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/countdown/jquery.countdown.min.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/datetimepicker/moment.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/jquery-ui/jquery-ui.min.js"></script>
	
	
	<!-- Theme files
	============================================ -->
	
	
	<script type="text/javascript" src="/Public/mobilemall/js/themejs/so_megamenu.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/themejs/addtocart.js"></script>
	<script type="text/javascript" src="/Public/mobilemall/js/themejs/application.js"></script>	
<!-- 用户同意条款后才能注册 -->
<script type="text/javascript">
	(function(){
	            var cb=document.getElementById("agree");
	            cb.onclick=function(){
	            if(cb.checked==true){
	                    document.getElementById("signup").disabled=false;
	            }
	            else{
	                    document.getElementById("signup").disabled=true;
	            }
	}
	})();
</script>
	
</body>
</html>

